<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>floatz - Layout.Empty</title>
<meta http-equiv="content-type" content="text/html; CHARSET=utf-8" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="en" />
<meta name="author" content="" />
<meta name="robots" content="index,follow" />
<meta name="description" content="" />
<!-- Load project CSS without less -->
<link rel="stylesheet" type="text/css" href="styles/project4.css" />
<!-- Load project CSS with less -->
<!-- <link rel="stylesheet/less" type="text/css" href="styles/project.less" />
<script type="text/javascript" src="styles/floatz-1.2.0/scripts/less-1.4.1.min.js"></script> -->
<!-- -->
<script type="text/javascript" src="styles/floatz-1.2.0/scripts/LAB-2.0.3.min.js"></script>
<script type="text/javascript" src="scripts/project.js"></script>
</head>
<body>
	<!-- page -->
	<div id="flz_page">
		<!-- header -->
		<div class="flz_box header">Header</div>
		<!-- menu -->
		<div class="flz_box menu">Menu</div>
		<!-- submenu -->
		<div class="flz_box flz_l20 submenu">Submenu</div>
		<!-- content -->
		<div class="flz_box flz_r80 content">
			<div class="flz_spacer">
				<h1>Sample form</h1>
				<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
					diam nonumy eirmod tempor invidunt ut labore et dolore magna
					aliquyam erat, sed diam voluptua. At vero eos et accusam et justo
					duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
					sanctus est Lorem ipsum dolor sit amet.</p>
				<form class="flz_form" action="">
					<fieldset>
						<legend>Customer data</legend>
						<div class="flz_box flz_l25">
							<div class="flz_lsubspacer">
								<label for="custno">Customer Number</label> <input
									class="flz_textbox flz_readonly" id="custno" type="text"
									readonly="readonly" />
							</div>
						</div>
						<div class="flz_box flz_m25">
							<div class="flz_msubspacer">
								<label for="firstname">First Name*</label> <input
									class="flz_textbox flz_mandatory" id="firstname" type="text" />
							</div>
						</div>
						<div class="flz_box flz_m25">
							<div class="flz_msubspacer">
								<label for="lastname">Last Name*</label> <input
									class="flz_textbox flz_mandatory" id="lastname" type="text" />
							</div>
						</div>
						<div class="flz_box flz_r25">
							<div class="flz_rsubspacer">
								<label for="birthday">Birthday*</label>
								<div class="flz_combobox">
									<input class="flz_textbox" id="birthday" type="text" /> <a
										href="#"> <img src="images/datepicker.gif"
										alt="Pick a date" />
									</a>
								</div>
							</div>
						</div>
						<div class="flz_box flz_l75">
							<div class="flz_lsubspacer">
								<label for="street">Street*</label> <input
									class="flz_textbox flz_mandatory" id="street" type="text" />
							</div>
						</div>
						<div class="flz_box flz_r25">
							<div class="flz_rsubspacer">
								<label for="zip">Zip*</label> <input
									class="flz_textbox flz_mandatory" id="zip" type="text" />
							</div>
						</div>
						<div class="flz_box flz_l50">
							<div class="flz_lsubspacer">
								<label for="city">City*</label> <input
									class="flz_textbox flz_mandatory" id="city" type="text" />
							</div>
						</div>
						<div class="flz_box flz_r50">
							<div class="flz_rsubspacer">
								<label for="country">Country*</label> <select
									class="flz_mandatory" id="country">
									<option>Austria</option>
									<option>France</option>
									<option>Germany</option>
									<option>Italy</option>
									<option>Spain</option>
								</select>
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend>Additional data</legend>
						<label for="info">Additional information</label>
						<textarea id="info" cols="1" rows="5"></textarea>
						<input id="press" type="checkbox" /> <label class="flz_inline"
							for="press">Press news</label> <input id="products"
							type="checkbox" /> <label class="flz_inline" for="products">Product
							news</label>
					</fieldset>
					<div class="flz_box buttonbar">
						<input class="flz_button" id="save" type="button" value="Save" />
						<input class="flz_button" id="cancel" type="button" value="Cancel" />
					</div>
				</form>
			</div>
		</div>
		<!-- footer -->
		<div class="flz_box flz_r100 footer">Footer</div>
	</div>
</body>
</html>
